<template>
  <div class="result">
     
      <span v-if="!subjectItem.isDone" class="undo"> {{ i + 1 }} 未完成</span>
      <b v-else>
        <span v-if="subjectItem.isRight" class="right"> {{ i + 1 }} 正确</span>
        <span v-else class="error"> {{ i + 1 }} 错误</span>
      </b>
  </div>
</template>

<script>
export default {
  props: {
    subjectItem: {
      type: Object,
      required: true
    },
    i: Number
  }
};
</script>

<style scoped>
.right {
  color: green;
}
.error {
  color: red;
}
.undo {
  color: #ccc;
}
</style>